<template>
  <div class="row-start-center h-[65px] text-[14px] border-bottom text-[#444]">
    <div class="w-[20%] mr-[6px] break-all">
      {{ item.Id }}
    </div>
    <div class="w-[25%] mr-[6px] break-all">{{ formatDate(item.CreatedAt) }}</div>
    <div class="w-[35%] break-all">
      {{ item.Ip || "--" }}
    </div>
    <div class="w-[20%]">
      {{ item.Country }}
    </div>
  </div>
</template>
<script setup lang="ts">
import { formatDate } from "@/utils/common";
withDefaults(
  defineProps<{
    item: LoginLogMo;
  }>(),
  {}
);
</script>
